<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<blc:head pageTitle="Search - Broadleaf Demo - Heat Clinic" />

<body>
    <div id="notification_bar"></div>
    <header th:substituteby="layout/partials/header" />
    
    <div id="content" class="width_setter group main-content" role="main">
    
        <nav th:substituteby="layout/partials/nav" />
         
        <div th:substituteby="catalog/partials/facetFilter" />
         
        <div class="category-main"> 
	       <section id="left_column">
	   
	           
	            <div class="category-title">
	                <h1 th:inline="text">
	                	<span class="page-title" th:text="#{search.results}">Search Results for</span> [[${originalQuery}]] ([[${result.startResult}]] - [[${result.endResult}]] <span th:text="#{search.of}">of</span> [[${result.totalResults}]])                
	                </h1>
	                <h1 th:if="${#strings.isEmpty(originalQuery)}">
	                   <span th:text="#{search.resultsFor}">Search Results for</span> (0)
	               </h1>
	                <div class="right" th:substituteby="catalog/partials/productSortOptions"></div>
	            </div>
	           
	           <div class="products-wrapper">
	            
	            	<ul id="products" class="group">
		            	<li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li>
		        	</ul>
		        	<div class="clear"/>
	            </div>
	           <div class="pager-wrapper">
	            	<div th:substituteby="catalog/partials/productPagingOptions" />
	            	<div class="clear"/>
	            </div>
	           
	       </section>
    	</div>
    	
    	
    	
<!--         <section id="right_column"> -->
<!--             <header><span th:text="#{search.filterSearch}">Filter your search</span></header> -->
<!--             <div id="options"> -->
            
<!--                 <div th:substituteby="catalog/partials/facetFilter" /> -->
                
<!--                 <div th:substituteby="catalog/partials/rightHandBannerAds" /> -->
                
<!--                 <section id="right_column" th:unless="${#lists.isEmpty(products)}"> -->
<!--                     <header><span th:text="#{search.featuredProducts}">Featured Products</span></header> -->
<!--                     <div id="options"> -->
<!--                         <div class="section"> -->
<!--                              <blc:related_products productId="${products[0].id}" quantity="3" />      -->
<!--                              <ul id="featured_products" class="group"> -->
<!--                                 <li th:each="product : ${products}" th:object="${product}" th:include="catalog/partials/productListItem" class="product_container"></li> -->
<!--                              </ul> -->
<!--                         </div>                                   -->
<!--                     </div> -->
<!--                 </section>   -->
                
<!--             </div> -->
<!--         </section> -->
            <div class="clear"/>
    </div>
    
    <footer th:substituteby="layout/partials/footer" />
    
</body>
</html>
